.divError{
  position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    display:none;
     opacity: .9;
     margin-right: 1%;
     background-color:#B3B3B3;
}
.ng-cloak {
    display: none;
}
.toolTip{
	color: #AF7F06;
}
button[disabled],
select[disabled],
html input[disabled] {
 /* cursor: none !important;*/
}
#mydiv {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:white;
    opacity: .8;
    display:none;
 }
.previewClassId{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    z-index:1000;
    display:none;
}
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;     
}
.markRequired:after {
	content: "*";
	color: red;
}


.showError {
	color: red !important;
}

.full button span {
	background-color: limegreen;
	border-radius: 32px;
	color: black;
}

.partially button span {
	background-color: orange;
	border-radius: 32px;
	color: black;
}
.bt-bold{
	font-family:markotbold;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.ptr{
	cursor:pointer;
}

.inlineTable{
	display: inline-table !important;
}

.bordr{
	border: 4 !important;
}

.row .left-pane{
	background-color:#EAEAEA !important;
	color:#555555 !important;
	padding:2px;
	padding-bottom:0px !important;
	position: relative;
	margin-top: 0px;
}
.sidebar ul li a.active {
	width:81%;
    color: #000 !important;
    background-color: #EAEAEA;
}

a.nav-link.active {
    background: none !important;
}
.nav-pills>li+li{
	padding: 10px 0 10px 0;
}

/* user */
li.nav-item.user{
	padding-top: 8%;
	height:81px;
	background: #D5D5D5 url(/assets/images/user.png);
	background-size: 28px 30px;
	background-position: 7% 42%;
	background-repeat: no-repeat !important;
	width:100%;
	
}
.nav-item.user>a {
    background: #D5D5D5 !important;
}


nav.col-sm-3.col-md-2.d-none.d-sm-block.bg-light.sidebar.left-pane.active{
	padding:0;
}
/* profile */

li.nav-item.profile{
	background-image:url("/assets/images/edit-icon.png") ;
	background-size: 35px 35px;
	 background-repeat: no-repeat;
	 background-position: 7% 42%;
	 width:100%;
}
li.nav-item.profile:hover{
	background:#fff url("/assets/images/edit-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}

li.nav-item.profile a:hover{
	background:none;
	color:#ff6600 !important;
	
}
.nav>li>a:hover{
	background:none;
	color:#000 !important;
}
/* Manage */
li.nav-item.manage{
	background-image:url("/assets/images/manage.png") ;
	background-size: 35px 35px;
	 background-repeat: no-repeat;
	background-position: 7% 42%;
	 width:100%;
}
li.nav-item.manage:hover{
	background:#fff url("/assets/images/manage-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}

li.nav-item.manage a:hover{
	background:none;
	color:#ff6600 !important;
	
}
/* Account */
li.nav-item.account{
	background-image:url("/assets/images/bank.png") ;
	background-size: 35px 35px;
	 background-repeat: no-repeat;
	background-position: 7% 42%;
	 width:100%;
}
li.nav-item.account:hover{
	background:#fff url("/assets/images/bank-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}

li.nav-item.account a:hover{
	color:#ff6600 !important;
	background:none;
	
}
/* statement */
li.nav-item.statement{
	background-image:url("/assets/images/statement.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	width:100%;
}
li.nav-item.statement:hover{
	background:#fff url("/assets/images/statement-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}
li.nav-item.statement a:hover{
	color:#ff6600 !important;
	background:none;
	
}

/* mobileTopups */
li.nav-item.mtopup{
	background-image:url("/assets/images/mtopup.png") ;
	background-size: 30px 45px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	width:100%;
}
li.nav-item.mtopup:hover{
	background:#fff url("/assets/images/mtopup-hover.png") ;
	background-size: 30px 45px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}
li.nav-item.mtopup a:hover{
	color:#ff6600 !important;
	background:none;
	
}

/* ProcessingTime */
li.nav-item.processtime{
	background-image:url("/assets/images/processingtime.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	width:100%;
}
li.nav-item.processtime:hover{
	background:#fff url("/assets/images/processingtime-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}
li.nav-item.processtime a:hover{
	color:#ff6600 !important;
	background:none;
	
}

/* notification */
li.nav-item.notificationicon{
	background-image:url("/assets/images/notification.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	width:100%;
}
li.nav-item.notificationicon:hover{
	background:#fff url("/assets/images/notification-hover.png") ;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 7% 42%;
	
}
li.nav-item.notificationicon a:hover{
	color:#ff6600 !important;
	background:none;
	
}

.nav-pills>li>a{
	margin-left: 40px;
	font-size:14px;
	text-align:left;
}


.row.rightbar{
	background-color:#EAEAEA;
	margin-left:36px;
	width:85%;
}
input.form-control.bt-money{
	height:87px;
	border:none;
	font-size:30px;
	padding: 6% 0 1% 6%;
	color:#000;
	border-radius:0;
}
select.bt-monytype{
	padding-left: 24%;
    /* text-align: center; */
    width: 100%;
    border: none;
	background: url(/assets/images/select_unit.png) no-repeat 94px #ff6600 !important;
    -webkit-appearance: none;
    background-position-x: 90px;
	-moz-appearance:none;
}
.bt-money-group{
	margin-top: 8px;
    position: absolute;
	color:#ff6600 !important;
	border:none !important;
	background:none ;
	margin-left:2%;
	font-size:19px !important;
}
body{
	background:#F7F7F7 !important;
}
.bt-heading {
    font-size: 30px;
    font-weight: bold;
    font-family: markotbold;
	margin:15px 0 0px 10px;
	color:#000;
	padding:1%;
	padding-bottom:0px;
}
.bt-form {
    float: left;
    width: 79%;
	margin-bottom: 3%;
	margin-left:1%;
}
.form-group span.bt-monytype {
    font-family: markotbold;
	
}
select.bt-monytype{
	 font-family: markotbold;
}
input.form-class{
	font-family: markotbold !important;
}
span.text-bold{
	font-family: markotbold;
}
.bt-moneytype{
	width: 18%;
    float: left;
    margin-left: 2%;
    background: #FF6600;
    text-align: center;
    min-height: 87px;
	padding-top:4%;
	font-size:24px;
	font-weight:400;
	color:#fff;
}
.nav-item:hover .nav-link {
	color:#ff6600 !important
}
.bt-fee{
	width: 100%;
    float: left;
    margin-left: 2%;
    background: #FFFFFF;
    text-align: center;
    min-height: 87px;
    max-height: 87px;
	padding-top:8%;
	font-size:20px;
	margin-bottom: 9%;
}
.text-bold{
	font-weight:bold;
	display: block;
	
}
.bt-msg {
    padding: 1%;
    float: left;
    background-color: #D5D5D5;
    font-size: 18px;
    border-radius: 20px;
	width: 100%;
	text-align:center;
	display: block;
}
.bt-fullwidth {
	margin-top:-4px;
    float: left;
    width: 79%;
	margin-left:1%;
}
@font-face {
    font-family: "markot";
    src: url(/assets/fonts/MarkOT.otf);
    src: url(/assets/fonts/MarkOT.ttf);
    src: url(/assets/fonts/MarkOT.woff);
	
}
@font-face {
    font-family: "markotbold";
    src: url(/assets/fonts/MarkOT-Bold.otf);
    src: url(/assets/fonts/MarkOT-Bold.ttf);
    src: url(/assets/fonts/MarkOT-Bold.woff);
}

.bt{
	
	font-family:markot;
}
.bt-moneytype select{
	font-family:markotbold !important;
}
input.form-class {
    width: 100%;
    background: #F55E00;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    border-radius: 18px;
	border:none;
    height: 53px;
	margin-bottom:30px;
	margin-top:17px;
	background: linear-gradient(#ff6600, #ce4000);
}
.bt-lefttab {
    width: 49%;
    float: left;
	margin-left: 0%;
}
.bt-righttab {
    width: 49%;
    float: right;
    
}
/*
.bt-active a{
	color:#fff;
}*/
.tab-item.edit-profile {
    
    background-repeat: no-repeat !important;
    background: #DDDDDD url(/assets/images/edit-icon.png);
    background-size: 33px 35px;
	background-position: 7% 42%;
}
.tab-item a {
    position: relative;
    left: 34px;
	top: -8px
}
.tab-item.accounts {
   
    background-repeat: no-repeat !important;
    background: #DDDDDD url(/assets/images/bank.png);
    background-size: 33px 35px;
	 background-position: 7% 42%;
}
.tab-item.mtopup {
    
    background-repeat: no-repeat !important;
	background: #DDDDDD url("/assets/images/mtopup.png");
	background-size: 30px 45px;
	background-position: 7% 42%;
}

.tab-item.processtime {
    
    background-repeat: no-repeat !important;
	background: #DDDDDD url("/assets/images/processingtime.png") ;
	background-size: 35px 35px;
	background-position: 7% 42%;
}


.tab-item.manage {
    
    background-repeat: no-repeat !important;
    background: #DDDDDD url(/assets/images/manage.png);
    background-size: 33px 35px;
	background-position: 7% 42%;
}
.tab-item.statement {
    
    background-repeat: no-repeat !important;
    background: #DDDDDD url(/assets/images/statement.png);
    background-size: 33px 35px;
	background-position: 7% 42%;
}
.tab-item {
	margin-top: 4%;
	font-size: 12px;
    padding: 10%;
    margin-bottom: 1%;
	text-align: left;
	max-height: 49px;
	/* min-height:91px; */
}
.tab-item.edit-profile>a,.tab-item.manage>a{
	top: -3px;
}
.bt-menu-tab{
	display:none;
}
.tab-item.bt-active{
	font-size:12px;
	background:#DDDDDD url(/assets/images/bank.png);
	background-repeat: no-repeat !important;
	background-size: 33px 35px;
	background-position: 7% 42%;
	/*color:#fff !important;*/
}
.bt-span-block{
	display:block;
}
.rightbar1 {
    margin-top: 2%;
    margin-left: 5%;
    width: 105%;
}
.bottom-container {
	position: relative; 
	left: 4%;
}

.notification>p{
	font-size: 16px !important;
    margin-top: 10px;
}
.notification {
    color: #000;
    background: #F8E0D1;
    padding: 2% 5%;
}
.notification>span {
	font-size: 18px;
    color: #fc9c63;
	font-family: markotbold;
}
img.ads {
    width: 100%;
   
}
.user:hover .nav-link {
    color: #687485 !important;
}
.bt-ads {
    margin: 2% 0 2% 0;
}
.left-pane img {
    width: 100%;
	padding:14%;
}
.col-sm-3.fee-box {
    margin-top: 1.5%;
	margin-left: -14px;
	padding-right: 0px;
}
.bt-element{
	margin:0;
	padding-right:1% !important;
}
:focus {
    outline: none;
}

.bt-activity {
    clear: both;
    margin: 10px 0 0 0;
	font-family:markot;
}

.bt-activity div:first-child {
	width:39%;
	line-height:1.1;
    font-weight: bold;
    font-size: 24px;
    margin-left: -22px;
    background: #eaeaea;
	padding: 23px 16px 19px 36px;
	font-family:markotbold;
}
.bt-box {
	font-size:16px;
	background:#fff;
    vertical-align: text-top;
	padding: 26px 15px 20px 43px;
    
    float: left;
    display: inline;
    width: 34%;
   margin-top: 25px;
   margin-bottom: 25px;
}
.bt-mainbox{
	margin-left:4.7%;
}
.bt-activity div:last-child {
	width: 28%;
    /* border-left: 1px solid; */
	background: #fff url(/assets/images/border.png) no-repeat;
    background-size: 10px 61px;
    background-position: left;
}
span.bt-span-block-bold {
    display: block;
    font-family:markotbold;
}
.bt-heading.bt-recent {
    margin: 0;
    padding: 0;
}
/* Media Query */
@media (min-width:480px) and (max-width:767px) {
	
	.bt.row .col-sm-9.row{
		width:100%;
	}
	.left-pane{
		display:none;
	}
	.bt-menu-tab{
		display:block;
	}
	
	
}
@media (min-width:768px){
	.bt.row .col-sm-9.row{
		width:64%;
	}
}
@media (max-width:479px){
	.left-pane{
		display:none;
	}
	.bt-menu-tab{
		display:block;
	}
}
@media (max-width:600px){
	.bottom-container {
		left: 0px;
	}
}

.transtablecolor .awaiting {color:#ff6600;}

.transtablecolor .onhold {color:#ff6600;}

.transtablecolor .expired {color:#c0392b;}

.transtablecolor .failed {color:#c0392b;}

.transtablecolor .intran {color:#10a588;}

.transtablecolor .trans{color:#79c447;}

.transtablecolor a{color:#03a9f4;}

.transtablecolor a .inactive{color:#494b56;}

.menudtcls{
	background-color: white !important; 
	min-height: 70px !important;
}

.gc-modal {
    /* modal container fixed across whole screen */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* z-index must be higher than .gc-modal-overlay */
    z-index: 1100;
    /* enables scrolling for tall modals */
    overflow: auto;
}
.gc-modal-body {
	width: 80%;
	height: 80%;
    padding: 20px 40px;
    background: #EAEAEA;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    /* Position center */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gc-modal-body .content {
	height: 80%;
	overflow-y: scroll;
	background-color: #FFFFFF;
	padding: 20px 30px;
}
.gc-modal-close {
    /* postion top right */
    position: relative;
    top: 0;
    float: right;
}
.gc-modal-close i {
    color: #FF6600;
    font-size: 18px;
    cursor: pointer;
}
.gc-modal-overlay {
    /* modal background fixed across whole screen */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* semi-transparent black  */
    background-color: #000;
    opacity: 0.5;
    /* z-index must be below .jw-modal and above everything else  */
    z-index: 1050;
}
.gc-modal-body h1 {
	font-size: 24px;
	font-weight: bold;
	padding-left: 30px;
}
.gc-modal-body p {
	text-align: justify;
}
.gc-modal-body h3 {
	font-size: 19px;
	font-weight: bold;
	color: #FF6600;
}
.gc-modal-body .color_lightgrey li {
	font-size: 18px;
	color: #687485;
	list-style-position: inside;
}
.gc-modal-body .footer button {
	float: right;
	margin-top: 10px;
	font-size: 18px;
	padding: 6px 20px;
}
.gc-modal-body .highlight {
	font-size: 19px;
	font-weight: bold;
	color: #F44336;
}
.gc-modal-body .footer .btn.disabled, .gc-modal-body .footer .btn[disabled] {
	background-color: #687485;
}
.gc-modal-body .footer .btn.disabled:focus, .gc-modal-body .footer .btn[disabled]:focus, 
.gc-modal-body .footer .btn.disabled:hover, .gc-modal-body .footer .btn[disabled]:hover,
.gc-modal-body .footer .btn.disabled:active, .gc-modal-body .footer .btn[disabled]:active {
	background-color: #687485;
}
@media (max-width: 600px) and (min-width: 320px) {
    .gc-modal-body {
        width: 90%;
        padding: 20px 25px;
	}
	.gc-modal-body .color_lightgrey li {
		font-size: 12px;
	}
}